<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>导航页面</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/>
<script type="text/javascript" src="<%=basePath %>js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script type="text/javascript">
	//禁止分享
	wx.config({
	    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	    appId: '${signmap.appId}', // 必填，公众号的唯一标识
	    timestamp: ${signmap.timestamp}, // 必填，生成签名的时间戳
	    nonceStr: '${signmap.nonceStr}', // 必填，生成签名的随机串
	    signature: '${signmap.signature}',// 必填，签名，见附录1
	    jsApiList: ['hideMenuItems','chooseImage','uploadImage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
	});
	wx.ready(function(){
		 wx.hideMenuItems({
			  menuList: [
				'menuItem:copyUrl', // 复制链接
				'menuItem:share:qq', // 分享到QQ
				'menuItem:favorite', // 收藏
				'menuItem:share:weiboApp', // 分享到Weibo
				'menuItem:share:facebook', //分享到FB
				'menuItem:openWithSafari', //在Safari中打开
				'menuItem:openWithQQBrowser', //在QQ浏览器中打开
				'menuItem:readMode', //阅读模式
				'menuItem:share:email', //邮件
				'menuItem:share:QZone', // 分享到 QQ 空间
				'menuItem:share:appMessage', // 发送给朋友
		        'menuItem:share:timeline'// 分享到朋友圈
			  ],
			  success: function (res) {
			  },
			  fail: function (res) {
			  }
		});
	});
</script>
</head>

<body>

	用户id：${signmap.openid}<br/>
	用户昵称：${signmap.nickname}<br/>
	用户头像：<img src="${signmap.headimgurl}" width="80" height="80"/><br/>
	
	<a id="weixin_map" href="javascript:;">点击照相</a><br/>
	<img id="weixin_phone_look" src="" width="100" height="100"/>
	<font id="wx_media_id"></font>
	
	<script type="text/javascript">
		
		$(function(){
			//照相/打开相册
			$("#weixin_map").click(function(){
				wx.chooseImage({
			    	count: 1, //只能选择一张
			        success: function (res) {
				        setImgInHtml(res.localIds);
				    }
			    });
			});
		});
	
		//上传临时图片到微信
		function setImgInHtml(imgPaths){
		 	wx.uploadImage({
		        localId: imgPaths,
		        success: function (res) {
		           //将手机上的图片显示在img标签中
		           $("#weixin_phone_look").attr("src", imgPaths);
		           //将上传到微信的临时图片media_id暂存，之后必须将media_id存到数据库，定时或者调用接口调取微信图片下载接口，将图片下载到本地
		           $("#weixin_phone_look").attr("media_id", res.serverId);
		           $("#wx_media_id").html(res.serverId);
		        },
		        fail: function (res) {
		          alert(JSON.stringify(res));
		        }
		     });
		}
	</script>
</body>
</html>